*{margin: 0;padding: 0;}
.pea-navbar{
  .center {
    margin: auto;
    width: 1000px;
  }
  ul{
    list-style: none;
    height: 40px;
    margin-bottom: 0;
    li{
      width: 20%;
      height: 40px;
      float: left;
      text-align: center;
      line-height: 40px;
      background-image: linear-gradient(90deg,#91B4B3,#C2E0E2);
      a{
        color: white;
        text-decoration: none;//去掉下划线
      }
      .menu{
        display: none;
        padding: 0 25px;
        box-shadow: 0 0 5px 0 gray;
        a{color: gray;}
        div{
          &:hover{border-bottom: 1px solid black;}
        }
      }
      &:hover>div{
        display: block;
      }
    }
  }
}